<template>
  <div class="goods">
      <GoodsListItem  v-for="(item ,index) in goods" :key="index" :goods-item="item" />
      
  </div>
</template>

<script>
import GoodsListItem from "./GoodsListItem"

export default {
  components: {
      GoodsListItem
  },
  props: {
      goods:{
          type:Array,
          default() {
              return []
          }
      }
  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style  scoped>
    .goods {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 2px;
    }
</style>